<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <title>砂隐忍者村</title>
    <style>
        .pic img {
            margin-bottom: 20px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row">
            <header class="col-md-2"> 
                <div class="logo">
                    <a href="index.html"><img src="images/logo.png" alt="" class="hidden-xs"></a>
                    <a href="index.html"><span class="visible-xs">火影忍者联盟</span></a>
                </div>
                <div class="nav">
                    <ul>
                        <li>
                            <a href="muye.html" class="glyphicon glyphicon-leaf">木叶村</a>
                        </li>
                        <li>
                            <a href="wuyin.html" class="glyphicon glyphicon-eye-close">雾隐村</a>
                        </li>
                        <li>
                            <a href="yanyin.html" class="glyphicon glyphicon-queen">岩隐村</a>
                        </li>
                        <li>
                            <a href="yunyin.html" class="glyphicon glyphicon-cloud">云隐村</a>
                        </li>
                        <li>
                            <a href="shayin.html" class="glyphicon glyphicon-hourglass">砂隐村</a>
                        </li>
                    </ul>
                </div>
            </header>
            <article class="col-md-7 pic">
                <h3>五大强村之砂隐忍者村</h3>
                <h4>砂隐村的由来</h4>
                <p>砂隐村乃五个最强大的隐村之一，该村子隶属风之国，由初代目风影建立。风之国的国土有八成都是沙漠，资源缺乏，常常发生内乱，各族彼此之间不断发生战争。烈斗以压倒性的力量统一了这个群雄割据的时代，凭借强大的实力在沙漠中建立了风之国砂隐村，并成为了风影。烈斗为了增强国力，而竭尽全力去跟各个忍者村进行交涉。</p>
                <h4>砂隐历代风影</h4>
                <p>初代风影·烈斗：平定乱世的五影之一，凭借压倒性的力量，统率在沙漠中存活的忍者，是砂隐村的创设者。</p>
                <p>二代目风影·沙门：傀儡术与操纵砂技能的始祖，致力于研究一尾守鹤，继承了初代风影的思想与能力并加以提升。开发了傀儡术与操纵砂的技能，有着卓越的前瞻能力以及对未来局势的明确判断，在他的领导时期，诞生了许多优秀的忍者与忍术，开发的傀儡术与操纵砂的技能给后世带来了深远的影响。</p>
                <p>三代目风影：有将高度凝炼的查克拉转化为磁力的特殊体质，被称为“史上最强的风影”。后被赤砂之蝎杀害做成傀儡。</p>
                <p>四代目风影·罗砂：擅长使用“磁遁·砂金”，在沙漠中具有压制暴走状态的一尾守鹤的强大实力。罗砂用磁遁·砂金，抵抗了云隐的入侵，保护了村子，又用磁遁收集砂金为村子带来了安定。</p>
                <p>五代目风影·我爱罗：擅长操控沙子进行各种物理攻击及防御。</p>
                <img src="upload/shaying.jpg" class="img-responsive" alt="">
                <textarea class="form-control" rows="3">留下友好的交流评论吧~写完你也提交不了哈哈哈，因为我没完善这个功能~略略略~</textarea>
                <button type="button" class="btn btn-info">提交</button>
            </article>
            <aside class="col-md-3">
                <a href="#" class="banner">
                    <img src="upload/banner.png" alt="">
                </a>
                <a href="#" class="hot">
                    <span class="btn btn-primary">登录</span>
                    <h4 class="text-primary">火影忍者联盟</h4>
                    <p class="text-muted">Peace&love</p>
                </a>
            </aside>
        </div>
    </div>
</body>
</html>